<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <script src="js/login.js"></script>
</head>
<body>
    <header>
        <div class="logintop">
            <img src="images/logo2.png" alt="">
        </div>
    </header>
    <main>
        <div class="container1">
            <div class="mleft col-lg-5 col-lg-push-1 col-md-6 visible-md visible-lg  " ></div>
            <div class="mright col-lg-5 col-md-6   col-sm-12 col-xs-12">
                <div class="mrighttop"> 登录</div>
                <div class="zhanghao"> 账号：<input type="text" placeholder="请输入手机号" id="tele"></div>
                <div class="mima">密码：<input type="password" placeholder="请输入密码" id="pwd" minlength="8" maxlength="16"></div>
                <div class="mima1"> <a href="zhuce.html">忘记密码</a> ></div>
                <div class="denglu1">登录</div>
                <div class="xieyi"><input type="checkbox" checked="checked">我已阅读并同意 <span>食界使用协议</span></div>

            </div>
        </div>

    </main>
    <footer>
        <div class="foot hidden-xs">
            <ul class="f1 ">
                <li>关于食界</li>
                <li>食界美食</li>
                <li>意见反馈</li>
                <li>品牌馆</li>
                <li>菜谱大全</li>
            </ul>
            <p>@2016-2020 欢迎访问我们食界
                 <a href="">唯有爱与美食不可辜负</a> </p>
        </div>



    </footer>


</body>

</html>